function sourceformatter(v,r,i){
    if (v==1){
        return "线上" ;
    }else if (v==2){
        return "线下" ;
    }
}

function walletformatter(v,r,i){

        return "￥"+v ;
}
$(function () {


    /*自定义验证规则*/
    $.extend($.fn.validatebox.defaults.rules, {
        checkName: {
            validator: function(value, param){
                var html = $.ajax({
                    url: "member/checkPhone",
                    data:{
                        username:value,
                        id:$("#memid").val()
                    },
                    async: false //同步请求
                }).responseText;//返回一个纯文本
                return html==="true";
            },
            message: '手机号已被使用!'
        }
    });

    //变量的抽取:
     var memberDataGrid=$('#memberDataGrid');  //employeeDataGrid
     var memberDialog=$('#memberDialog');
     var  memberDialogForm=$('#memberDialogForm');

    //按钮的事件
    var cmdObj={
        'search':function(){

            var keyWord = $("#keyWord").val();
            memberDataGrid.datagrid('load',{"keyWord":keyWord});
        },
        'import':function () {
            $("#uploadDialog").dialog('open').dialog('center').dialog('setTitle','<font size="2">会员导入</font>');
        },
        'add':function () {
            memberDialog.dialog('open').dialog('center').dialog('setTitle','<font size="2">会员添加</font>');

            memberDialog.form('clear');
        },
        'edit':function () {
            //先获取编辑的数据
            var row = memberDataGrid.datagrid('getSelected');
            //做一个判断:是否选中
            if (row){
                //弹出dialog,进行数据的回显
                //弹出一个dialog,里面装form表单  studentDlg
                $("tr[vdate]").hide();
                memberDialog.dialog('open').dialog('center').dialog('setTitle','会员修改');
                //清空表单
                memberDialogForm.form('clear');
                //表单数据的回显:
                memberDialogForm.form('load',row);
            }else{
                $.messager.alert('温馨提示','请选中需要编辑的行!!','warning');
            }
        },
        'remove':function () {
            //先获取删除的数据
            var row = memberDataGrid.datagrid('getSelected');
            //做一个判断:是否选中
            if (row){
                $.messager.confirm('温馨提示','你确定删除:<font color="pink">'+row.realName+"</font>&nbsp;吗?",function(r){
                    // 选中:确认的操作:调用后台的删除方法:发送ajax调用
                    if (r){
                        // 发送ajax调用 $.get(url,params,function(d){},type)
                        $.get('member/delete?id='+row.id,function (d) {
                            //d的处理
                          if(d.success){
                              memberDataGrid.datagrid('reload');
                          }else{
                              //false:失败:提示
                              $.messager.alert('错误提示',d.msg,'error');
                          }

                        },'json')
                    }
                });
            }else{
                $.messager.alert('温馨提示','请选中需要删除的行!!','warning');
            }
        },
        'reload':function () {
            //datagrid的重新加载: $("selector").datagrid('funName');
            memberDataGrid.datagrid('reload');
        },
        'download':function () {
            var keyWord=$('#keyWord').val();
            window.location.href = "member/download?keyWord="+keyWord;
        },
        'save':function(){
            //提交:表单的提交:
            memberDialogForm.form('submit', {
                    url:'member/saveOrUpdate',
                onSubmit: function(){
            },
            success:function(data){
             // {"success":true,"msg":"操作成功"}==>json字符串
                var data = $.parseJSON(data);
                //弹框提示和刷新
                if(data.success){
                    if (data.cardId){
                        $.messager.alert('您的会员卡号为：',data.cardId+'       请牢记哦!!','info');
                    }
                    memberDialog.dialog('close');
                    memberDataGrid.datagrid('reload');
                }else{
                    $.messager.alert('错误提示',data.msg,'error');
                    memberDialog.dialog('close');
                }
                //页面刷新
                memberDataGrid.datagrid('reload');
            }
        });
        },
        'close':function(){
            //关闭dialog,不清空form,在打开dialog的时候清空
            memberDialog.dialog('close');
        },
        'checkout':function () {
            $.ajax({
                type: "POST",
                url: "member/checkout",
                dataType: 'json',
                success: function (data) {
                    if (data) {
                        $("#totalMem").html("")
                        $("#totalMem").append(data.count+'<font size="3">位</font>');
                        $("#totalWallet").html("")
                        $("#totalWallet").append(data.totalWallet+'<font size="3">元</font>');
                        $("#totalSpend").html("")
                        $("#totalSpend").append(data.totalSpend+'<font size="3">元</font>');
                        $("#top1").html("")
                        $("#top1").append(data.top3[0]+':'+data.top3Wallet[0]+'<font size="2">元</font>');
                        $("#top2").html("")
                        $("#top2").append(data.top3[1]+":"+data.top3Wallet[1]+'<font size="2">元</font>');
                        $("#top3").html("")
                        $("#top3").append(data.top3[2]+":"+data.top3Wallet[2]+'<font size="2">元</font>');
                        $("#birth1").html("")
                        $("#birth1").append(data.birthMem[0]);

                    }
                }
            });
        }

    };
    $("#walletup").on('click',function () {
        memberDataGrid.datagrid('load',{"walletUp":1});
    })
    $("#walletdown").on('click',function () {
        memberDataGrid.datagrid('load',{"walletDown":1});
    })
    $("#diamond").on('click',function () {
        memberDataGrid.datagrid('load',{"diamond":1});
    })
    $("#poking").on('click',function () {
        memberDataGrid.datagrid('load',{"poking":1});
    })
    $("#gold").on('click',function () {
        memberDataGrid.datagrid('load',{"gold":1});
    })
    $("#silver").on('click',function () {
        memberDataGrid.datagrid('load',{"silver":1});
    })
    $("#online").on('click',function () {
        memberDataGrid.datagrid('load',{"onLine":1});
    })
    $("#offline").on('click',function () {
        memberDataGrid.datagrid('load',{"offLine":1});
    })

    $('#fileUpload').filebox({
        buttonText: '选择文件',
        buttonAlign: 'right'
    })

    $('#memUpload').filebox({
        buttonText: '选择文件',
        buttonAlign: 'right'
    })





    //toolbar绑定事件:如果按钮禁用了怎么办?下午具体实现
    $("a[data-method]").on('click',function () {

        var dataCmd=$(this).data('method');
        cmdObj[dataCmd]();
    });


    $('#baojian').combo({
        required:true,
        multiple:true
    });


    //datagrid
    memberDataGrid.datagrid({
        url: 'member/list',
        fitColumns:true,
        rownumbers:true,
        singleSelect:true,
        pagination:true,
        ctrlSelect:true,
        striped:true,
        toolbar:"#memberGridToolbar",
        onClickRow:onClickRow,
        columns: [[
            /*使用遍历:遍历的是Velocity中上下文的对象:
            * fieldList
            *                  {field: 'id', title: 'id', width: '10%',align:  'center'},
            * */
            {field: 'realName', title: '会员姓名', width: '10%',align:  'center'},
            {field: 'cardId', title: '会员卡号', width: '10%',align:  'center'},
            {field: 'phoneNum', title: '手机号码', width: '10%',align:  'center'},
            {field: 'userGroup', title: '服务分组', width: '13%',align:  'center'},
            {field: 'userLevel', title: '会员等级', width: '13%',align:  'center'},
            {field: 'wallet', title: '钱包余额', width: '10%',align:  'center',formatter:walletformatter},
            {field: 'source', title: '注来源', width: '11%',align:  'center',formatter:sourceformatter } ,
            {field: 'recep', title: '接待人', width: '10%',align:  'center'},
            {field: 'headImage', title: '头像', width: '10%',align:  'center'},
        ]]
    });

   function onClickRow() {
       var rowMember = memberDataGrid.datagrid('getSelected');
       $("#memName").html("");
       $("#memName").append("@"+rowMember.realName);
       $("#memCard").html("");
       $("#memCard").append("No."+rowMember.cardId);
       $("#memPhone").html("");
       $("#memPhone").append("手机号："+rowMember.phoneNum);
       $("#memWallet").html("");
       $("#memWallet").append("钱包余额："+rowMember.wallet);
       $("#memLevel").html("");
       $("#memLevel").append("会员等级："+rowMember.userLevel);
       $("#headImage").attr('src',rowMember.headImage)
   }
    
  

    $("#header").datagrid({
        url: 'member/list',
        fit:true,
        toolbar:"#memberGridToolbar",
    });
    //添加的dialog
    memberDialog.dialog({
        closed: true,
        modal: true,
        buttons:"#memberDialogButtons"
    })
    //导入的dialog
    $("#uploadDialog").dialog({
        closed: true,
        modal: true,
    })
});
